.com-container{
    width: 100%;
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden; 
}

.com-list-container {
    // 默认高度
    height: 630px;
  
    // 当视口高度≤800px时
    @media (max-height: 800px) {
      height: 500px !important;
    }
  
    // 当视口高度≤600px时
    @media (max-height: 600px) {
      height: 300px !important;
    }
    .custom-scrollbar {
        &::-webkit-scrollbar {
          width: 6px;
          background: transparent;
        }
        
        &::-webkit-scrollbar-thumb {
          background: transparent;
          transition: background 0.3s;
          border-radius: 3px;
        }
    
        &:hover::-webkit-scrollbar-thumb,
        &:active::-webkit-scrollbar-thumb {
          background: #888;
        }
      }
  }
  
  // 右侧卡片高度适配
.ant-card {
    @media (max-height: 600px) {
        .com-user-infor {
            margin: 20px 0 0 0 !important;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            
            // 修复嵌套层级
            .ant-typography {
                white-space: nowrap;
                margin: 0 8px;
            }
        }

        .ant-avatar {
            width: 80px !important;
            height: 80px !important;
            margin-bottom: 15px !important;
        }
    }
}